<!doctype html>
<html lang="zh-CN">

<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="static/bootstrap-4.6.1/css/bootstrap.min.css">

    <title>农小记</title>
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">

        <a class="navbar-brand" href="#">
            <img src="static/img/icon.png" width="30" height="30" class="d-inline-block align-top"
                style="border-radius: 7px;" alt="">
            <span>农小记</span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="index.html">产品介绍 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="helper.html">使用帮助</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="privacy.html">隐私说明</a>
                </li>
            </ul>
        </div>
    </nav>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm">
                <div class="jumbotron" style="text-align: center;">
                    <h1 class="display-4">欢迎使用</h1>
                    <p class="lead">农小记是一个使用原生SwiftUI开发的，轻量的双历提醒倒数日。它可以帮助你记录任何你想进行提醒的农历或者阳历事项。</p>
                    <img src="static/img/preview.png" style="width:60%;margin: 0 auto;" alt="">
                    <hr class="my-4">
                    <p><b>当事项到期后，它可以自动计算下一次的事项到期时间</b></p>
                    <p><b>原生开发，极小的体积占用，而且还支持小组件</b></p>
                    <a class="btn btn-primary btn-lg" href="https://apps.apple.com/cn/app/birthdayNote/id1599827769"
                        role="button">现在下载</a>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-sm">
                <div class="card bg-success text-white" style="width: 18rem;">
                    <img src="static/img/storage.png" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">超小的体积</h5>
                        <p class="card-text">App使用原生开发语言开发，所以占用非常之小，它甚至没有你微信发出的一张图片的体积大</p>
                        <p class="card-text">在各大套壳应用、开发套件各行其道的时代，坚持使用原生开发这个理所当然的做法居然变得珍贵</p>
                    </div>
                </div>
            </div>
            <div class="col-sm">
                <div class="card bg-primary text-white" style="width: 18rem;">
                    <img src="static/img/icloud.png" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">多平台同步</h5>
                        <p class="card-text">得益于iCloud的数据托管，你的数据可以在多平台间无缝同步，一次创建，处处可见</p>
                        <p class="card-text"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm">
                <div class="card bg-dark text-white" style="width: 18rem;">
                    <img src="static/img/security.png" class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">数据安全</h5>
                        <p class="card-text">本App使用苹果原生iCloud进行数据托管，你的数据，掌握在你自己的手中</p>
                        <p class="card-text">通知方式也使用iOS本地化通知策略，无任何第三方服务器参与您的数据处理</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <h3 style="color: lightgray;text-align: center; margin-top: 50px;"> 2022 All rights reserved @Gadore </h3>
    <script src="static/jquery-3.6.0.min.js"></script>
    <script src="static/bootstrap-4.6.1/js/bootstrap.bundle.min.js"></script>
</body>

</html>